/******************************************************************************
 * Scroller Control General
 * @author : Sai.Dandem
 * 
 ******************************************************************************/
.button-scroller {
    -fx-skin:"com.javafx.scroller.control.ScrollerSkin";
}

.scroller-bg, .scroller-bg:focused{
	-fx-background-color: -fx-box-border,-fx-background;
    -fx-background-insets: 0, 1;
}

/******************************************************************************
 * Scroller Control Buttons                                                              
 ******************************************************************************/
.left-Scroller, .left-Scroller:focused{
	-fx-padding: 0.166667em 0.500001em 0.25em 0.500001em; 
	-fx-background-color: -fx-outer-border, -fx-body-color;
    -fx-background-insets: 0 , 1 1 1 0;
    -fx-background-radius: 0;
}

.left-Scroller:hover {
	-fx-padding: 0.166667em 0.500001em 0.25em 0.500001em; 
    -fx-background-color: -fx-outer-border, -fx-body-color;
    -fx-background-insets: 0, 1;
    -fx-background-radius: 0;
}

.right-Scroller, .right-Scroller:focused{
	-fx-padding: 0.166667em 0.500001em 0.25em 0.500001em; 
	-fx-background-color: -fx-outer-border, -fx-body-color;
    -fx-background-insets: 0 , 1 0 1 1;
    -fx-background-radius: 0;
}

.right-Scroller:hover {
	-fx-padding: 0.166667em 0.500001em 0.25em 0.500001em; 
    -fx-background-color: -fx-outer-border, -fx-body-color;
    -fx-background-insets: 0, 1;
    -fx-background-radius: 0;
}

.menu-Button, .menu-Button:focused{
	-fx-padding: 0.166667em 0.500001em 0.25em 0.500001em; 
	-fx-background-color: -fx-outer-border, -fx-body-color;
    -fx-background-insets: 0, 1 1 1 0;
    -fx-background-radius: 0;
}

.menu-Button:hover {
	-fx-padding: 0.166667em 0.500001em 0.25em 0.500001em; 
    -fx-background-color: -fx-outer-border, -fx-body-color;
    -fx-background-insets: 0, 1;
    -fx-background-radius: 0;
}

.bended-arrow{
	-fx-background-color: white;
	-fx-border-color: black;
	-fx-border-width: 1px;
	-fx-shape: "M 0 6 V 7 L 6 13 L 8 11 L 4 7  V 6 L 8 2 L 6 0 L 0 6 Z";
}

/******************************************************************************
 * Scroller Area                                                              
 ******************************************************************************/
.scroller-background {
    -fx-background-color: -fx-outer-border, -fx-inner-border, derive(-fx-color, -20%);
    -fx-effect: innershadow(two-pass-box , rgba(0,0,0,0.6) , 4, 0.0 , 0 , 0);
}

/******************************************************************************
 * Scroller Menu List                                                              
 ******************************************************************************/

.menu-list-down{
	-fx-background-color:
        derive(-fx-color,-40%),
        derive(-fx-color,100%),
        linear-gradient(to bottom, derive(-fx-color,100%) 0%, derive(-fx-color,50%) 12%, derive(-fx-color,65%) 88%, derive(-fx-color,23%) 100%);
    -fx-background-insets: 0, 0 1 1 1, 2;
	-fx-padding: 0.333333em 0.083333em 0.266667em 0.083333em;
	-fx-background-radius: 0 0 6 6;
	-fx-border-radius: 0 0 6 6;
}

.menu-list-up{
	-fx-background-color:
        derive(-fx-color,-40%),
        derive(-fx-color,100%),
        linear-gradient(to top, derive(-fx-color,100%) 0%, derive(-fx-color,50%) 12%, derive(-fx-color,65%) 88%, derive(-fx-color,23%) 100%);
    -fx-background-insets: 0, 1 1 0 1, 2;
	-fx-padding: 0.466667em 0.083333em 0.333333em 0.083333em;
	-fx-background-radius: 6 6 0 0;
	-fx-border-radius: 6 6 0 0;
}

.scroller-menu-item{
	-fx-background-color: null;
	-fx-padding: 5;
	-fx-alignment: CENTER_LEFT;
}

.scroller-menu-item:hover{
	-fx-background: -fx-accent;
	-fx-background-color: -fx-selection-bar;
}

.menuList-scroll-pane, .menuList-scroll-pane:focused{
	-fx-background-color: transparent;
}